import React, { Component } from "react";

export default class Message_detail extends Component {
  // 或者使用qs库，这里我就手写了
  formatSearch = (str) => {
    if (str === "") {
      return {};
    }
    let arr = str.substring(1).split("&");
    let obj = {};
    arr
      .map((i) => i.split("="))
      .forEach(
        (j) => (obj[decodeURIComponent(j[0])] = decodeURIComponent(j[1]))
      );
    return obj;
  };
  render() {
    console.log(this.props);
    // 接收路由参数

    //  第一种方式params传参-接收
    // const { id, content } = this.props.match.params;

    // 第二种方式search传参-接收---需要处理search
    // const { search } = this.props.location;
    // const { id, content } = this.formatSearch(search);

    //  第三种方式state传参-接收
    const { id, content } = this.props.location.state;

    return (
      <div>
        我的id是：{id}，我的content是：{content}
      </div>
    );
  }
}
